<?php include_once('../layouts/header.php') ?>
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'center',split:true,border:false">
        <div class="container">
            <fieldset><legend><code>表单</code></legend></fieldset>
            <form id="form-fuza"
             data-options="
                form:{
                    url:'/data/index.php?type=test',
                    id:'#form-fuza',
                },
             ">
                <div class="form-box sm-form">
                    <div class="form-item">
                        <div class="form-input input-group">
                            <span class="input-icon"><i class="fa fa-envelope"></i></span><input type="text" placeholder="邮箱" value="" name="email">
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input input-group col-6">
                            <span class="input-icon"><i class="fa fa-envelope"></i></span><input class="group-input" type="text" placeholder="QQ" value="" name="qq">
                        </div>
                        <div class="form-input input-group col-6">
                            <span class="input-icon"><i class="fa fa-envelope"></i></span><input class="group-input" type="text" placeholder="昵称" value="" name="nickName">
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input input-group groups col-6">
                            <div class="group-text">真实名称</div>
                            <input class="group-input" type="text" placeholder="真实名称" value="" name="realName">
                        </div>
                        <div class="form-input input-group groups col-6">
                            <div class="group-text">联系方式</div>
                            <input class="group-input" type="text" placeholder="联系方式" value="" name="userName">
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="form-input input-group groups">
                            <div class="group-text">家庭住址</div>
                            <input class="group-input" type="text" placeholder="家庭住址" value="" name="address">
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="form-input input-group groups">
                            <div class="group-text">标签框</div>
                            <input class="easyui-tagbox" value="Apple,Orange" style="width:100%" data-options="hasDownArrow:true,">
                        </div>
                    </div>
                    <div class="form-item row">
                        <?php 
                            $language = [
                                ""=>"",
                                "ar"=>"Arabic",
                                "bg"=>"Bulgarian",
                                "ca"=>"Catalan",
                                "zh-cht"=>"ChineseTraditional",
                                "cs"=>"Czech",
                                "da"=>"Danish",
                                "nl"=>"Dutch",
                                "en"=>"English",
                                "et"=>"Estonian",
                                "fi"=>"Finnish",
                                "fr"=>"French",
                                "de"=>"German",
                                "el"=>"Greek",
                                "ht"=>"HaitianCreole",
                                "he"=>"Hebrew",
                                "hi"=>"Hindi",
                                "mww"=>"Hmong",
                                "hu"=>"Hungarian",
                                "id"=>"Indonesian",
                                "it"=>"Italian",
                                "ja"=>"Japanese",
                                "ko"=>"Korean",
                                "lv"=>"Latvian",
                                "lt"=>"Lithuanian",
                                "no"=>"Norwegian",
                                "fa"=>"Persian",
                                "pl"=>"Polish",
                                "pt"=>"Portuguese",
                                "ro"=>"Romanian",
                                "ru"=>"Russian",
                                "sk"=>"Slovak",
                                "sl"=>"Slovenian",
                                "es"=>"Spanish",
                                "sv"=>"Swedish",
                                "th"=>"Thai",
                                "tr"=>"Turkish",
                                "uk"=>"Ukrainian",
                                "vi"=>"Vietnamese",
                            ];
                        ?>
                        <div class="form-input input-group groups col-3">
                            <div class="group-text">下拉单选</div>
                            <select class="group-input easyui-combobox" name="language1"  required="true" data-options="panelHeight:'200',width:'100%'">
                                <?php foreach ($language as $abbreviat => $fullName): ?>
                                    <option value="<?=$abbreviat ?>"><?=$fullName ?></option>
                                <?php endforeach ?>
                            </select>
                        </div>
                        <div class="form-input input-group groups col-3">
                            <div class="group-text">远程下拉单选</div>
                            <input class="easyui-combobox" 
                                name="language2"
                                required="true"
                                data-options="
                                        url:'/data/index.php?type=select',
                                        method:'get',
                                        valueField:'text',
                                        textField:'desc',
                                        panelHeight:'200',
                                        width:'100%',
                                ">
                        </div>
                        <div class="form-input input-group groups col-3">
                            <div class="group-text">下拉多选</div>
                            <select class="group-input easyui-combobox" name="language3[]" required="true" data-options="multiple:true,multiline:true,panelHeight:'200',width:'100%'">
                                <?php foreach ($language as $abbreviat => $fullName): ?>
                                    <option value="<?=$abbreviat ?>"><?=$fullName ?></option>
                                <?php endforeach ?>
                            </select>
                        </div>
                        <div class="form-input input-group groups col-3">
                            <div class="group-text">远程下拉多选</div>
                            <input class="easyui-combobox" 
                                name="language4[]"
                                required="true"
                                data-options="
                                        url:'/data/index.php?type=select',
                                        method:'get',
                                        valueField:'text',
                                        textField:'desc',
                                        multiple:true,
                                        multiline:true,
                                        panelHeight:'200',
                                        width:'100%',
                                ">
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="form-input input-group">
                            <span class="input-icon"><i class="fa fa-lock"></i></span><input repeat="pwd" type="password" placeholder="密码" value="" name="password1">
                        </div>
                    </div>
                    <div class="form-item row">
                        <div class="form-input input-group col-6">
                            <span class="input-icon"><i class="fa fa-lock"></i></span><input class="easyui-passwordbox" prompt="密码" iconWidth="28" data-options="width:'100%'" name="password2">
                        </div>
                        <div class="form-input input-group groups col-6">
                            <span class="group-text">密码</span><input class="easyui-passwordbox" prompt="密码" iconWidth="28" data-options="width:'100%'" class="group-input" name="password3">
                        </div>
                    </div>
                    <div class="form-item mt10">
                        <label class="form-label form-checkbox pull-left"><input type="checkbox" name="is_auto"><span class="checkbox-text">自动登录</span></label>
                        <a class="form-label form-checkbox pull-right" href="/html/forget.php">忘记密码?</a>
                    </div>
                    <div class="form-item mt10">
                        <button type="button" class="btn btn-primary btn-block" onclick="$.submitForm(this)">登录</button>
                    </div>
                    <div class="form-item mt10">
                        <a class="form-label pull-right" href="/html/register.php">注册账户</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<?php include_once('../layouts/footer.php') ?>